<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="丫丫">
    <title>我的</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="wode.css">

</head>

<body>
    <main>
        <div class="circle">
            <img src="image/QQ.png" alt="" style="height:50px; width: 50px;margin-left: 15px;"> 
        <a href="denglu.html"><span style="font-size: 16px; color:white;">登录/注册</span></a>
        </div>
        <section>
            <span style="font-size: 20px;">我的订单</span>
            <span style="float: right;font-size: 20px;">全部订单 <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></span>
        <div class="hr"></div>
        </section>
        <div class="content">
          <a href="#"><span class="glyphicon glyphicon-credit-card" aria-hidden="true" style="margin-left: 8px;"></span><br>待付款</a>
          <a href="#"><span class="glyphicon glyphicon-credit-card" aria-hidden="true"  style="margin-left: 12px;"></span><br>待收货</a>
          <a href="#"><span class="glyphicon glyphicon-wrench" aria-hidden="true"  style="margin-left: 13px;"></span><br>退换修</a>
        </div>
        <section class="qq">
         <div class="one">
        <span class="glyphicon glyphicon-list-alt" aria-hidden="true" id="left"></span>
        <big style="padding: auto;margin-top: 20px;">我的优惠</big>
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" id="right"></span>
        </div>
        <div class="two">
        <span class="glyphicon glyphicon-heart" aria-hidden="true" id="left"></span>
        <big style="padding: auto;margin-top: 20px;">   服务中心  </big>
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" id="right"></span>
         </div>
         <div class="three">
         <span class="glyphicon glyphicon-calendar" aria-hidden="true" id="left"></span>
        <big style="padding: auto;margin-top: 20px;"> 小米之家  </big> 
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" id="right"></span>
       </div>
       <div class="four">
        <span class="glyphicon glyphicon-asterisk" aria-hidden="true" id="left"></span>
        <big style="padding: auto;margin-top: 20px;">设置 </big> 
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true" id="right"></span>
         </div>
         </section>

    </main>
    <div>

    </div>

    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>

</html>